<template>
<mt-tabbar v-model="selected" :fixed="true" v-show="'/purchase'!=$route.path">
  <mt-tab-item id="/msite">
    <router-link to="/msite" v-bind:class="{on: '/msite'===$route.path||'/'===$route.path}">
    <i class="iconfont icon-shouye"></i>
    <br/>首页
        </router-link>
  </mt-tab-item>
  <mt-tab-item id="/classify">
    <router-link to="/classify" v-bind:class="{on: '/classify'===$route.path}">
     <i class="iconfont icon-fenlei"></i>
        <br/>分类
      </router-link>
  </mt-tab-item>
  <mt-tab-item id="/shoppingcart">
<router-link to="/shoppingcart" v-bind:class="{on: '/shoppingcart'===$route.path}">
 <i class="iconfont icon-gou_wu_che2"></i>
    <br/>购物车
</router-link>
  </mt-tab-item>
  <mt-tab-item id="profile">
<router-link to="/profile" v-bind:class="{on: '/profile'===$route.path}">
    <i class="iconfont icon-wode"></i>
    <br/>会员中心
</router-link>
  </mt-tab-item>
</mt-tabbar>

</template>

<script>
export default {
  name: 'FooterGuide',
  data() {
    return {
      selected:this.$route.path,
    }
  },
  mounted() {
      if(this.selected==="/")this.selected="/msite"
      
  },

  
}
</script>

<style scoped>
a{
  display: inline-block;
  width:100%;
  height:100%;
  text-decoration:none;
  color: #999999
}
.on{
  color: #02a774;
}
.mint-tabbar{
  padding:0;
}
</style>
